import React, { useState, useEffect } from 'react';
import { Linestyled } from './style';

type LinePropsType = {
    isHaveArrow?: Boolean,
    width?: string
};

const LinesReact: React.FC<LinePropsType> = (props) => {
    const { isHaveArrow, width } = props;
    useEffect(() => {
    }, [props.isHaveArrow]);
    return (
        <Linestyled>
            <div className="lineBox" style={{ "width": width }}>
                <div className='line'>
                    {isHaveArrow ? <div className='lineArrow' ></div> : ''}
                </div>
            </div>


        </Linestyled>
    );
};

export default LinesReact;
